<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>铁路局人事管理系统</title>
	<meta name="renderer" content="webkit">	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	<meta name="apple-mobile-web-app-status-bar-style" content="black">	
	<meta name="apple-mobile-web-app-capable" content="yes">	
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/plugins/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/bootstrap-treeview.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/plugins/ztree/css/metroStyle/metroStyle.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/elementui.css">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/index1.css">

</head>
<body>
<div class="layui-layout layui-layout-admin" id="layui_layout">
	<!-- 顶部区域 -->
	<div class="layui-header header header-demo">
		<div class="layui-main">
		    <!-- logo区域 -->
			<div class="admin-logo-box">
				<a class="logo" href="javascript:;">铁路局人事管理系统</a>
				<div class="larry-side-menu">
					<i class="fa fa-bars" aria-hidden="true"></i>
				</div>
			</div>

            <!-- 顶级菜单区域 -->
            <div class="layui-larry-menu">
					 <div style="height: 70px;color:#fff;line-height: 70px;text-align: center;">
						 欢迎 {{user.username}}
						 <!--登录用户角色切换-->
						 <el-dropdown @command="switchRole">
							  <span class="el-dropdown-link">
								 ({{rolePrimary.roleName}})
							  </span>
							 <el-dropdown-menu slot="dropdown">
								 <el-dropdown-item  v-for="role in userRole"
													:key="role.roleName"
													v-text="role.roleName"
													:command="role">
								 </el-dropdown-item>
							 </el-dropdown-menu>
						 </el-dropdown>
					 </div>
            </div>
            <!-- 右侧导航 -->
            <ul class="layui-nav larry-header-item">
				<li class="layui-nav-item"><a  @click="updatePassword"><i class="fa fa-lock"></i> &nbsp;修改密码</a></li>
       			<li class="layui-nav-item"><a href="logout"><i class="fa fa-sign-out"></i> &nbsp;退出系统</a></li>
            </ul>
		</div>
	</div>
	<!-- 左侧侧边导航开始 -->
	<div class="layui-side layui-side-bg layui-larry-side" id="larry-side">
		<div id="menu" class="layui-side layui-bg-black" lay-filter="side"></div>
	</div>
	<!--左侧组织机构图-->
	<div id="larry-dept" class="layui-dept" style="overflow:scroll">
		<div class="col-sm-10" >
			<ul id="deptTree" class="ztree"></ul>
		</div>
	</div>

	<!-- 左侧侧边导航结束 -->
	<!-- 右侧主体内容 -->
	<div class="layui-body" id="larry-body" style="bottom: 0;border-left: solid 2px #1AA094;">
		<div class="layui-tab layui-tab-card larry-tab-box" id="larry-tab" lay-filter="main-tab" lay-allowclose="true" >

			<ul class="layui-tab-title">
				<li class="layui-this" id="admin-home"><i class="fa fa-home"></i><em>首页</em></li>
			</ul>
			<div class="layui-tab-content" style="min-height: 150px; overflow: hidden">
				<div class="layui-tab-item layui-show">
					<iframe class="larry-iframe" id="larry-iframe" data-nodeid='0' src="main.html"></iframe>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部区域 -->
	<div class="layui-footer layui-larry-foot" id="larry-footer">
		<div class="layui-mian">
		</div>
	</div>

	<!-- 修改密码 -->
	<div id="passwordLayer" style="display: none;">
		<form class="layui-form" action="">
			<div class="layui-form-item">
		    	<label class="layui-form-label">账号</label>
		    	<label class="layui-form-label laber-account">{{user.username}}</label>
			</div>
			<div class="layui-form-item">
		    	<label class="layui-form-label">原密码</label>
		    	<div class="layui-input-inline">
		    		<input type="password" v-model="password" placeholder="原密码" autocomplete="off" class="layui-input">
		    	</div>
			</div>
			<div class="layui-form-item">
		    	<label class="layui-form-label">新密码</label>
		    	<div class="layui-input-inline">
		    		<input type="text" v-model="newPassword" placeholder="新密码" autocomplete="off" class="layui-input">
		    	</div>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript" src="${request.contextPath}/statics/libs/jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/plugins/layui/layui.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/libs/bootstrap-treeview.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/libs/vue.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/libs/elementui.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/js/index1.js"></script>
</body>
</html>